﻿.ui-bar-a  {text-shadow: none;border:0;font-weight:normal;}
.ui-btn-up-a {
background-color: #ede385;
background: -webkit-linear-gradient(top, #fff, #ede385);
background: -moz-linear-gradient(top, #fff, #ede385);
background: -ms-linear-gradient(top, #fff, #ede385);
background: -o-linear-gradient(top, #fff, #ede385);
background: -moz-linear-gradient(top, #fff, #ede385);
text-shadow:none;
border:1px solid #f1f1f1;
}
.ui-btn-hover-a {
border:1px solid #f1f1f1;
background-color: #f1f1f1;
background: -webkit-linear-gradient(top, #f1f1f1, #f5f5f5);
background: -moz-linear-gradient(top, #f1f1f1, #f5f5f5);
background: -ms-linear-gradient(top, #f1f1f1, #f5f5f5);
background: -o-linear-gradient(top, #f1f1f1, #f5f5f5);
background: -moz-linear-gradient(top, #f1f1f1, #f5f5f5);
}
.ui-body-c, .ui-overlay-c  {background:#FFFDD9;border:none;text-shadow:none;}
.ui-navbar ul, .ui-navbar-expanded ul {
border-top:2px solid #DFAE78 !important;
}
.ui-content  {padding:0;}
/*---------------------------------*/

body {
font-family:arial,sans-serif;
background:#FFFDD9;
}

.bg {
font-size:23px;
padding:5px 0 5px 10px;
background:#f1ac24;
background: -webkit-linear-gradient(top, #F29318, #EFCD38);
background: -moz-linear-gradient(top, #F29318, #EFCD38);
background: -ms-linear-gradient(top, #F29318, #EFCD38);
background: -o-linear-gradient(top, #F29318, #EFCD38);
background: -moz-linear-gradient(top, #F29318, #EFCD38);
}

.arrow {
margin:10px 0 3px 23px;
}

.icon_bus {
padding:0 10px 0 5px;
position:relative;
top:5px;
}

/*.bus-box {
margin:0 0 10px 5px;
overflow:hidden;
width:100%
}*/

.bus , .bar-img{
background:url(../icon/arrow.png) no-repeat 50% 100%;
margin:15px 0 0 5px;
float:left;
padding-bottom:11px;
}

.bus.foot {
background:none;
margin:15px 0 0 5px;
float:left;
padding-bottom:11px;
}

.arrow1 {
    background: url("../icon/bubble.png") no-repeat scroll 1px 25px transparent;
    float: left;
    height: 70px;
    position: relative;
    width: 22px;
    z-index: 101;
}

.content-wrapper div.content {
    margin: 5px 10px 10px;
}

.content-wrapper {
    background-color: #FFFFFF;
    border: 2px solid #DEAD78;
    border-radius: 14px 14px 14px 14px;
    margin: 0 20px 0 69px;
    min-height: 75px;
    position: relative;
    z-index: 100;
}

.bar-box .content-wrapper {
margin: 0 20px 0 50px;
min-height: 55px;
}

.bar-box1 .content-wrapper {
margin: 0 20px 0 63px;
}

/*.new {
background:url(../icon/new.png) no-repeat 99% 3px;
}*/

div.bubble.new div.content {
    background: url("../icon/new.png") no-repeat scroll right top transparent;
    min-height: 36px;
}

/*.bubble {
float:left;
border:2px solid #DFAE78;
border-radius:10px;
padding:5px;
width:90%;
position: relative;
margin-left: 10px;
}

.bubble:after {
    border-color: transparent #FFFFFF;
    border-style: solid;
    border-width: 5px 10px 5px 0;
    bottom: auto;
    content: "";
    display: block;
    left: -10px;
    position: absolute;
    top: 30px;
    width: 0;
}
.bubble:before {
    border-color: transparent #DFAE78;
    border-style: solid;
    border-width: 8px 13px 8px 0;
    bottom: auto;
    content: "";
    display: block;
    left: -15px;
    position: absolute;
    top: 27px;
    width: 0;
}*/

.icon {overflow:hidden;padding:0;margin:5px 0;}
.icon li {float:left;list-style-type:none;}
.avatar {float:left;margin-right:5px;}
.text {font-size:12px;}

#route_Name {font-family:"微軟正黑體",arial,sans-serif;color:#000;}

.map, .news {margin:0 15px;}

.bar img{float:left;margin:5px 10px 0 10px;}
.bar .text {padding:10px 0 0 0;color:#842847;}

/*.bar-box {
margin:0 0 0 10px;
overflow:hidden;
position:relative;
top:-13px;
}*/

.bar-box .bar-img {
background:none;
float:left;
padding:15px 10px 0 5px;
}

.bar-box .bar-image {float:left;margin-right:10px;}
.bar-box .text .title {color:#DE236B;font-size:13px;}

.news {
margin-top:3px;
overflow:hidden;
border:2px solid #F29600;
}
.news .left {float:left;}
.news .date {
background:url(../icon/news_bg.png);
width:147px;
height:14px;
float:left;
margin:17px 0 0 10px;
color:#fff;
font-size:12px;
text-align:center;
}

h2.news {
border:0;
font-size:20px;
margin:5px 15px;
}

.news-entry {
color:#552F26;
margin:0 15px 15px 15px;
border-radius:5px;
border:2px solid #F29600;
padding:0 10px;
}

.bar-box1 {
margin:0 0 20px 10px;
overflow:hidden;

}

.bar-box1 .bar-img {
float:left;
background:none;
padding:10px 10px 0 5px;
width:30px;
text-align:center;
}

.bar-box1 .bar-image {float:left;margin-right:10px;}
.bar-box1 .text .title {color:#DE236B;font-size:13px;}
.bar-box1 .text {margin-left:55px;}

.map {
min-height:206px;
border-radius:5px;
border:3px solid #DEAD78;
margin:0 auto;
margin:5px 15px 0;
}

.map_bg {
text-align:center;
}

.map-radius {margin:10px 0 10px 15px;}
.map-radius img {
border-radius:5px;
border:3px solid #DEAD78;
}

.info {margin-top:5px;}
.info .bg {
padding:0;
overflow:hidden;
}

.info h2 {
font-size:18px;
color:#fff;
background:url(../icon/icon19.png) no-repeat 15px 0;
padding-left:45px;
padding-top:3px;
font-family:"微軟正黑體",arial,sans-serif;
height:24px;
}

.info .bg ul {
position:relative;
top:-15px;
left:-20px;
}

.info .bg ul li {
float:left;
list-style-type:none;
}

.info p {
color:#6A361B;
margin-left:15px;
}

#superbox_bus {
background:url(../icon/busbg.png) no-repeat;
width:298px;
height:363px;
}
#box-content {
display:none;
height: 236px;
left: 36px;
position: relative;
top: 3px;
width: 253px;
}